.title{
  margin: auto 10px;
  font-size: 18px;
  font-weight: 600;
  color: #909090;
}
.row>div{
  background-color: white;
  padding:30px;
}
.remove{
  position: absolute;
  top: 40px;
  right: 30px;
}
.close{
  display: none;
}
.role-container{
  background-color: #fff;
  margin: 10px 3px;
  padding: 10px 3px;
}

tr {
  td,th {
    text-align: center;
  }
  .table-action {
    a {
      opacity: 0;
      transition: all 0.5s;
      width: 30px;
      display: inline-block;
      text-align: center;
      font-size: 20px;
      color: black;
      &:active{
        color: #5BC0DE;
      }
      &:hover {
        color: darkgray;
      }
    }
  }
  &:hover {
    .table-action {
      a {
        opacity: 1;
        cursor: pointer;
      }
    }
  }
}

.edit{
  height:49px;
  padding:0;
  vertical-align: middle;
  input{
    height:100%;
    text-align: center;
    background: none;
    border: none;
  }
}



